<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  " >

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">新建收费计划</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md" ng-controller="FlotChartDemoCtrl">
      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">任务名称:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">建立人:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">王刚</option>
                      <option value="">徐丽</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>

            <div class="panel-footer  text-right">
              <button class="btn btn-info m-r">&nbsp;&nbsp;房屋&nbsp;&nbsp;</button>
              <button class="btn btn-success m-l">&nbsp;&nbsp;车位&nbsp;&nbsp;</button>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-heading">
            <strong>收费项目选址：</strong>
          </div>
          <div class="panel-body">
            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">关联项:</label>
                <div class="col-sm-7">
                  <select class="form-control">
                    <option value="">全部</option>
                    <option value="">房屋</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">关联类型:</label>
                <div class="col-sm-7">
                  <select class="form-control">
                    <option value="">全部</option>
                    <option value="">数字型</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-sm-6">
              <div class="form-group">
                <label class="col-sm-5 control-label nowrap">计费方式:</label>
                <div class="col-sm-7">
                  <select class="form-control">
                    <option value="">王全部刚</option>
                    <option value="">默认计费</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-boding">
            <div class="">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th></th>
                    <th>收费想项目</th>
                    <th>收费类型</th>
                    <th>计费方式</th>
                    <th>计价类型</th>
                    <th>周期类型</th>
                    <th>周期</th>
                    <th>关联项</th>
                    <th>单价</th>
                    <th>计费单位</th>
                    <th>说明</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                    <td>建筑面积*单价</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                    <td>建筑面积*单价</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                    <td>建筑面积*单价</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                    <td>建筑面积*单价</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                    <td>建筑面积*单价</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-heading">
            <strong>已选收费项目</strong>
          </div>
          <div class="panel-boding">
            <div class="">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th></th>
                    <th>收费想项目</th>
                    <th>收费类型</th>
                    <th>计费方式</th>
                    <th>计价类型</th>
                    <th>周期类型</th>
                    <th>周期</th>
                    <th>关联项</th>
                    <th>单价</th>
                    <th>计费单位</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox" /><i></i></label>
                    </td>
                    <td>物业费</td>
                    <td>普通收费</td>
                    <td>建筑面积</td>
                    <td>默认计价</td>
                    <td>周期</td>
                    <td>月</td>
                    <td>房屋</td>
                    <td>1.00</td>
                    <td>平方米</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-8 col-xs-12">
            <div class="panel panel-default">
              <div class="panel-body">
                <div class="col-sm-6 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">收费截止日期:</label>
                    <div class="col-sm-7">
                      <input type="date" class="form-control" placeholder="">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">通知时间:</label>
                    <div class="col-sm-7 form-inline">
                      <input type="date" class="form-control" placeholder="">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">任务开始时间:</label>
                    <div class="col-sm-7 form-inline">
                      <input type="date" class="form-control" placeholder="">
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">任务截止时间:</label>
                    <div class="col-sm-7 form-inline">
                      <input type="date" class="form-control" placeholder="">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-4 col-xs-12">
            <div class="panel panel-default">
              <div class="panel-body">
                <div class="col-sm-12 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">重复类型:</label>
                    <div class="col-sm-7">
                      <select class="form-control">
                        <option value="">一次性任务</option>
                        <option value="">一直重复</option>
                        <option value="">定次重复</option>
                      </select>
                    </div>
                  </div>
                </div>

                <div class="col-sm-12 col-xs-12">
                  <div class="form-group">
                    <label class="col-sm-5 control-label nowrap">重复周期:</label>
                    <div class="col-sm-7">
                      <div class="row">
                        <div class="col-xs-7">
                          <input type="date" class="form-control" placeholder=""></div>
                        <div class="col-xs-5">
                          <select class="form-control">
                            <option value="">年</option>
                            <option value="">季度</option>
                            <option value="">月</option>
                            <option value="">周</option>
                            <option value="">天</option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-heading"><strong>优惠</strong></div>
          <div class="panel-body">
            <table class="table table-bordered">
              <tbody>
                <tr>
                  <td>
                    <label class="i-checks"><input type="checkbox"><i></i> 固定金额</label>
                  </td>
                  <td class="form-inline"><input type="text" class="form-control" /> 元 </td>
                  <td rowspan="2"><label class="i-checks"><input type="checkbox"><i></i> 数值选择</label></td>
                  <td><label class="i-checks"><input type="radio"><i></i> 较小金额</label></td>
                  <td class="form-inline" rowspan="2">
                    <label class="i-checks checkbox"><input type="checkbox" class="form-control"><i></i> 截止日期</label>
                    <input type="date" />
                  </td>
                </tr>
                <tr>
                  <td>
                    <label class="i-checks"><input type="checkbox"><i></i> 打折收取</label>
                  </td>
                  <td class="form-inline"><input type="text" class="form-control" /> % </td>
                  <td><label class="i-checks"><input type="radio"><i></i> 较大金额</label></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="panel panel-default">
          <div class="panel-heading"><strong>优惠</strong></div>
          <div class="panel-body">

            <div class="col-sm-7 col-xs-12">
              <table class="table table-bordered">
                <tbody>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox"><i></i> 固定金额</label>
                    </td>
                    <td class="form-inline"><input type="text" class="form-control" /> 元 </td>
                    <td rowspan="2"><label class="i-checks"><input type="checkbox"><i></i> 数值选择</label></td>
                    <td><label class="i-checks"><input type="radio"><i></i> 较小金额</label></td>
                    <td class="form-inline" rowspan="2">
                      <label class="i-checks checkbox"><input type="checkbox" class="form-control"><i></i> 截止日期</label>
                      <input type="date" />
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <label class="i-checks"><input type="checkbox"><i></i> 打折收取</label>
                    </td>
                    <td class="form-inline"><input type="text" class="form-control" /> % </td>
                    <td><label class="i-checks"><input type="radio"><i></i> 较大金额</label></td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="col-sm-5 col-xs-12">

              <div class="panel panel-default">
                <div class="panel-body">
                  <div class="col-sm-12 col-xs-12">
                    <div class="form-group">
                      <label class="col-sm-5 control-label nowrap">重复类型:</label>
                      <div class="col-sm-7">
                        <select class="form-control">
                          <option value="">一次性任务</option>
                          <option value="">一直重复</option>
                          <option value="">定次重复</option>
                        </select>
                      </div>
                    </div>
                  </div>

                  <div class="col-sm-12 col-xs-12">
                    <div class="form-group">
                      <label class="col-sm-5 control-label nowrap">重复周期:</label>
                      <div class="col-sm-7">
                        <div class="row">
                          <div class="col-xs-7">
                            <input type="date" class="form-control" placeholder=""></div>
                          <div class="col-xs-5">
                            <select class="form-control">
                              <option value="">年</option>
                              <option value="">季度</option>
                              <option value="">月</option>
                              <option value="">周</option>
                              <option value="">天</option>
                            </select>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-sm-12 col-xs-12">
                    <div class="form-group">
                      <label class="col-sm-5 control-label nowrap">滞纳金上限:</label>
                      <div class="col-sm-7">
                        <div class="row">
                          <div class="col-xs-10">
                            <input type="text" class="form-control" />
                          </div>
                          <div class="col-xs-2">元</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="line line-dashed b-b line-lg pull-in"></div>

        <div class="m-t text-center">
          <button class="btn btn-info">&nbsp;&nbsp;保存&nbsp;&nbsp;</button>
          <button class="btn btn-info">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
        </div>

      </form>
    </div>
  </div>
</div>